<!-- pages/popular/popular.vue -->
<template>
	<view class="popular">
		<text class="title">热门展示</text>
		<view class="items">
			<text v-for="(item, index) in popularItems" :key="index" class="item">{{ item }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				popularItems: ['热门婚纱1', '热门婚纱2', '热门婚纱3']
			}
		}
	}
</script>

<style>
	.popular {
		padding: 20rpx;
	}
	.title {
		font-size: 32rpx;
		margin-bottom: 10rpx;
	}
	.items {
		margin-top: 20rpx;
	}
	.item {
		font-size: 28rpx;
		margin-bottom: 10rpx;
	}
</style>